.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  padding-right: 1rem;

  span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font-size: 1.6rem;
    color: #dddddd;
    &:before {
      content: "\f006";
      padding-right: 5px;
      position: relative;
      top:-2px;
    }
    &:hover {
      cursor: pointer;
    }
  }

}
.rating+.rating-score{
  font-size: 1.1rem;
}

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,

.rating span.star.focus:before,
.rating span.star.focus ~ span.star:before {
  content: "\f005";
  color: $pink;
}